/**niushop 代码样式**/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
/** 背景 **/

.bg {
  background-color: #f5f7f9;
}
.text-base {
  font-size: var(--el-font-size-base);
}
.bg-primary {
  background-color: var(--el-color-primary);
}
.bg-page {
  background-color: var(--el-bg-color-page);
}
.text-primary {
  color: var(--el-color-primary);
}
.border-primary {
  border-color: var(--el-color-primary);
}
/**  图标库 **/
@import './iconfont.css';
@import './official-iconfont.css';
// .el-form-item {
//   & > .el-input,
//   .el-cascader,
//   .el-select,
//   .el-date-editor,
//   .el-autocomplete {
//     width: 214px;
//   }
// }
/** 底部浮动保存 **/
.fixed-footer-wrap {
  height: 48px;

  .fixed-footer {
    position: absolute;
    z-index: 1000;
    right: 10px;
    bottom: 0;
    left: 10px;
    display: flex;
    height: inherit;
    background: var(--el-bg-color-overlay);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
    --tw-shadow: var(--el-box-shadow);
    --tw-shadow-colored: var(--el-box-shadow);
    align-items: center;
    justify-content: center;
    transition:
      var(--el-transition-duration) width ease-in-out,
      var(--el-transition-duration) padding-left ease-in-out,
      var(--el-transition-duration) padding-right ease-in-out;
  }
}
.el-form {
  // 提示
  .form-tip {
    font-size: var(--el-font-size-small);
    line-height: 1;
    width: 100%;
    margin-top: 10px;
    color: var(--el-color-info-light-3);
  }
}

/** 面板标题 **/
.panel-title {
  font-size: 14px !important;
  font-weight: 400;
  line-height: 1;
  margin: 0 0 20px 0;
}
.input-width {
  width: 300px;
}
